<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/comm.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="index">
			<header>
				<div class="container">
					<div class="col-md-3 logo">
						<a href="#"><img src="img/微信图片_20180711104841.png" /></a>
					</div>
					<div class="col-md-9">
						<ul class="row">
							<li class="col-md-1 active">
								<a href="javasrctip:;">首页</a>
							</li>
							<li class="col-md-2">
								<a href="free.html">自由竞价</a>
							</li>
							<li class="col-md-2">
								<a href="#">封顶价格</a>
							</li>
							<li class="col-md-2">
								<a href="#">普通房产</a>
							</li>
							<li class="col-md-2">
								<a href="#">个人中心</a>
							</li>
							<li class="col-md-3 row">
								<div class="search_input">
									<div class="text">
										<input type="text" name="" id="" value="" placeholder="输入" />
									</div>
									<div class="sele">

										<select name="">
											<option value="">地区</option>
										</select>
									</div>
									<div class="butt">
										<button><i class="iconfont icon-sousuo"></i></button>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="banner">
					<img src="img/banner.png" />
				</div>
			</header>
			<section>
				<div class="se_top container">
					<ul class="row">
						<li class="col-md-3">
							<a href="free.html">
								<div class="icon">
								<div class="img">
									<img src="img/拍卖_1.png" />
								</div>
								<p>自由定价</p>
								<p>什么款式零秒疯狂拉升魔法师卡了嘎看来是</p>
							</div>
							</a>
						</li>
						<li class="col-md-3">
							<a href="free.html">
								<div class="icon">
								<div class="img">
									<img src="img/顶部_2.png" />
								</div>
								<p>自由定价</p>
								<p>什么款式零秒疯狂拉升魔法师卡了嘎看来是</p>
							</div>
							</a>
						</li>
						<li class="col-md-3">
							<a href="free.html">
								<div class="icon">
								<div class="img">
									<img src="img/买卖意向成交管理_3.png" />
								</div>
								<p>自由定价</p>
								<p>什么款式零秒疯狂拉升魔法师卡了嘎看来是</p>
							</div>
							</a>
						</li>
						<li class="col-md-3">
							<a href="maifang.html">
								<div class="icon">
								<div class="img">
									<img src="img/买卖方交收_4.png" />
								</div>
								<p>自由定价</p>
								<p>什么款式零秒疯狂拉升魔法师卡了嘎看来是</p>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="notice">
					<div class="container">
						<div class="not_title">
							<p>公告栏</p>
							<p>makslmklmakslm</p>
						</div>
						<div class="not_conten">
							<style type="text/css">
								#rollCon {
									width: 100%;
									text-align: center;
									display: block;
									overflow: hidden;
									color: black;
									height: 13%;
									position: absolute;
									top: 0;
								}
								
								#rollSubject {
									height: auto;
								}
								
								#rollCopy {
									height: auto;
								}
							</style>
							<div class="lb_wrap">
								<div id="rollCon">
									<div class="not_c_t" id="rollSubject">
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
										<a href="weituogonggao.html"><span>委托申请</span>|爱马仕考虑过马克思老公就是卡利马空格键
											<span>2018-01-01</span>
										</a>
									</div>

									<div id="rollCopy" class="not_c_t"></div>
								</div>
								<div class="not_c row" style="margin: 0;">
									<div class="col-md-6 l_img">
										<div class="row">
											<img src="img/ban-le.png" />
										</div>
									</div>
									<div class="col-md-6 r_tx">
										<ul class="row">
											<li class="active">
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
											<li>
												<a href="apply.html">
													<p>2018-01-01</p>
													<p><span>竞价成功</span>|爱马仕看过啦数据库拉姆上课v哦ask格拉斯莫高窟拉上几个i哦</p>
												</a>
											</li>
										</ul>
										<div class="but row">
											<a href="#"><i class="iconfont icon-sanjiaoxingxia"></i></a>
											<a href="#"><i class="iconfont icon-triangle-t"></i></a>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="capping container">
					<div class="top row">
						<h2>封顶竞价</h2>
						<p>叫用便利，斯巴达</p>
						<a href="#">更多房源<i class="iconfont icon-yousanjiao-copy"></i></a>
					</div>
					<ul class="row">
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="free">
					<div class="container">
						<div class="top">
						<h2>封顶竞价</h2>
						<p>简约生活，现已安逸</p>
						<a href="#">更多房源<i class="iconfont icon-yousanjiao-copy"></i></a>
						</div>
						<ul class="row">
							<li class="col-md-3">
								<div class="img">
									<img src="img/ig.png" />
									<p>预约06撒娇开来干嘛卡拉进口量</p>
								</div>
								<div class="box">
									<p>广州市马克思高架桥我卡了</p>
								<p>当前:<span>320万</span>
									<a href="#">出家</a>
								</p>
								</div>
							</li>
							<li class="col-md-3">
								<div class="img">
									<img src="img/ig.png" />
									<p>预约06撒娇开来干嘛卡拉进口量</p>
								</div>
								<div class="box">
									<p>广州市马克思高架桥我卡了</p>
								<p>当前:<span>320万</span>
									<a href="#">出家</a>
								</p>
								</div>
							</li>
							<li class="col-md-3">
								<div class="img">
									<img src="img/ig.png" />
									<p>预约06撒娇开来干嘛卡拉进口量</p>
								</div>
								<div class="box">
									<p>广州市马克思高架桥我卡了</p>
								<p>当前:<span>320万</span>
									<a href="#">出家</a>
								</p>
								</div>
							</li>
							<li class="col-md-3">
								<div class="img">
									<img src="img/ig.png" />
									<p>预约06撒娇开来干嘛卡拉进口量</p>
								</div>
								<div class="box">
									<p>广州市马克思高架桥我卡了</p>
								<p>当前:<span>320万</span>
									<a href="#">出家</a>
								</p>
								</div>
							</li>
						</ul>
					</div>
				</div>

				<div class="ordinary container">
						<div class="top">
					<h2>普通房产</h2>
					<p>灵力亲近，和谐温馨</p>
						<a href="#">更多房源<i class="iconfont icon-yousanjiao-copy"></i></a>
						</div>
					<ul class="row">
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
						<li class="col-md-3">
							<div class="img">
								<img src="img/ig.png" />
							</div>
							<div class="box">
								<p>广州买四个卡是苗干嘛切为空</p>
							<p>当前：<span>320万</span>
								<a href="#">预约</a>
							</p>
							</div>
						</li>
					</ul>
				</div>
			</section>
			<footer>
				(c) Copyright 2018 J L B. All Rights Reserved. 
			</footer>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>

	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript">
		
		$(".index section .se_top ul.row li .icon .img").height($(".index section .se_top ul.row li .icon .img").width())
		$(".index section .se_top ul.row li .icon .img").css("line-height", "" + $(".index section .se_top ul.row li .icon .img").height() + "px")
	</script>

	<script>
		var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
		var rollCon = document.getElementById('rollCon');
		var rollSubject = document.getElementById('rollSubject');
		var rollCopy = document.getElementById('rollCopy');
		rollCopy.innerHTML = rollSubject.innerHTML;
		if(($('#rollSubject').height() > 0) && ($('#rollSubject').height() < $('#rollCon').height())) {
			$('#rollCon').css('height', $('#rollSubject').height());
			setInterval(Marquee, 50);
		} else if(($('#rollSubject').height() > 0) && ($('#rollSubject').height() >= $('#rollCon').height())) {
			setInterval(Marquee, 50);
		}

		function Marquee() {
			if((rollCopy.offsetTop - rollSubject.offsetTop) < rollCon.scrollTop)
				rollCon.scrollTop = 0;
			else {
				rollCon.scrollTop++;
			}
		}
		$(document).ready(function(){
			var lb_ig=$(".index section .notice .not_conten .lb_wrap .not_c .l_img").height();
			var lb_ts=$(".r_tx>ul").height();
			$(".index section .notice .not_conten .lb_wrap .not_c .r_tx .but").height(lb_ig-lb_ts)
			$(".not_c .r_tx .but a").css("margin-top","-"+$(".not_c .r_tx .but a").height()/2+"px")
			console.log($(".not_c .r_tx .but").height()/2)
		})
	</script>